<div [@routeAnimation]="getAnimationData(routerOutlet)">
  <router-outlet #routerOutlet="outlet"></router-outlet>
</div>
<!-- <button (click)="changeTab('home')">首页</button>
<button (click)="changeTab('news')">新闻</button>
<button (click)="changeTab('other')">其他</button>
<div [ngSwitch]="page">
  <p *ngSwitchCase="'home'">新闻</p>
  <p *ngSwitchCase="'news'">首页</p>
  <p *ngSwitchCase="'other'">其他</p>
  <p *ngSwitchDefault>默认页面</p>
</div> -->

<!-- <ul>
  <li
    *ngFor="let item of colors; index as i; odd as odd; even as even"
    [style.color]="item"
  >
    {{ item }}-{{ i }}-{{ odd }}-{{ even }}
  </li>
</ul> -->
<!-- <ul>
  <ng-template ngFor [ngForOf]="colors" let-item>
    <li>{{ item }}</li>
    <hr />
  </ng-template>
</ul> -->
